<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld/" prefix="bean"%>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld/" prefix="html"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib uri="/WEB-INF/tld/struts-logic.tld/" prefix="logic"%>

<div class="centerContent">
<h1><bean:message key="pmt.cargaHorasDiarias.titulo" /></h1>

<html:form action="/cargaHorasDiariasDispatch" styleId="hsDiariasForm">
   <table align="left">
      <tbody>
         <tr>
            <td class="tamanoCelda1 textAlignRight"><bean:message key="pmt.proyectoNuevo.proyecto" /></td>
            <td class="left">
              <html:select property="proyectoSel" styleId="cmbProyecto" onchange="peticionFunc();" styleClass="margin-right">
              		<html:option value=""><bean:message key="pmt.combos.primerValor"/></html:option>
                   <html:optionsCollection property="proyectos" label="nombre" value="id" />
                 </html:select>
            </td>
            <td class="tamanoCelda1 textAlignRight"><bean:message key="pmt.cargaHorasDiarias.recursoUno" /></td>
            <td class="left">
              <html:select property="recursoSel"   styleId="cmbRecurso" onchange="javascript:consultarOculto('submitConsultar');">
              		<html:option value=""><bean:message key="pmt.combos.todos"/></html:option>
                   <html:optionsCollection property="recursos" label="nombre" value="id" />
              </html:select>
             </td>
            <td></td>
         </tr>
      <tr>
        <td class="tamanoCelda1 textAlignRight"><bean:message
          key="pmt.cargaHorasDiarias.peticion" /></td>
        <td class="left">

          <html:select property="peticionSel" styleId="cmbPeticion"   onchange="javascript:consultarOculto('submitConsultar');" styleClass="margin-right">
          		   <html:option value=""><bean:message key="pmt.combos.primerValor"/></html:option>
                   <html:optionsCollection property="peticiones" label="nombre" value="id" />
          </html:select>
        </td>
        <td class="tamanoCelda1 textAlignRight"><bean:message
          key="pmt.cargaHorasDiarias.fecha" /></td>
        <td class="left">
          <html:text size="10"
                     property="fechaSel"
                     readonly="true"
                     styleId="fechaSel" 
                     onchange="javascript:consultarOculto('submitConsultar');" 
                     style="background-color: white; color:black;"
                     />
          <img src="img/calendar-icon.gif" id="f_trigger_i"
               alt="calendario"
               onmouseout="this.style.border=''"
               onmouseover="this.style.border='2px solid #CDE';"/></td>
        <td></td>
      </tr>
      <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td class="textAlignRight">
              <html:submit property="boton" onclick="removeAllChildNodes(document.getElementById('footer')); return validateCargaHorasDiariasForm(document.getElementById('hsDiariasForm'));"><bean:message key="pmt.boton.confirmar"/></html:submit>
            </td>
         </tr>
         <tr><td>&nbsp;</td></tr>
      </tbody>
   </table>

   <html:javascript formName="cargaHorasDiariasForm" />

  <script type="text/javascript">new YAHOO.Hack.FixIESelectWidth('cmbPeticion');</script>


<logic:equal  name="cargaHorasDiarias" property="peticionSel" value="0" >
	<div align="center" style="clear:both; height:100px" ;>
		<h2><bean:message key="pmt.combos.seleccionar.proyectoPeticion" /></h2>
	</div>
</logic:equal>
<logic:notEqual  name="cargaHorasDiarias" property="peticionSel" value="0" >
  <div id="tableContainer" class="tableContainer">
     <display:table name="cargaHorasDiarias.tareas" export="false" class="displayTable scrollTable1"
        id="currentRecurso" style="margin: 0px; width:100%" pagesize="1000" defaultorder="descending"
        decorator="ar.pmt.vista.decoradores.CargaHorasDiariasDecorator">
       <display:setProperty name="basic.show.header" value="false" />
       <display:caption>
         <thead class="withSelect">
           <tr style="display: block">
             <th style="width: 494px" class="left">
               <bean:message key="pmt.cargaHorasDiarias.hojaCarga" />
             </th>
             <th style="width: 418px" class="azul">
               <bean:message key="pmt.cargaHorasDiarias.recurso" />&nbsp;<bean:write name="cargaHorasDiarias" property="recursoSelNombre"/>
             </th>
           </tr>
           <tr>
             <th><select id="numeralSelect" onchange="filterTable(0, this)"/></th>
             <th><select id="descripcionSelect" onchange="filterTable(1, this)"/></th>
             <th><select id="idSelect" onchange="filterTable(2, this)"/></th>
             <th><bean:message key="pmt.cargaHorasDiarias.hsEst" /></th>
             <th><bean:message key="pmt.cargaHorasDiarias.trabaje" /></th>
             <th><bean:message key="pmt.cargaHorasDiarias.estimo" /></th>
             <th><bean:message key="pmt.cargaHorasDiarias.completado" /></th>
           </tr>
         </thead>
       </display:caption>

       <display:column property="unicoId"        title="" class="center" />
       <display:column property="nombre"    	 title="" />
       <display:column property="numeral"             title="" class="center" media="html" />
       <display:column property="estimado"       title="" decorator="ar.pmt.vista.decoradores.DecimalWrapper" class="right" />
       <display:column property="incurridoInput" title="" class="right" />
       <display:column property="costoInput"     title="" class="right" media="html" />
       <display:column property="avance"         title="" decorator="ar.pmt.vista.decoradores.DecimalWrapper" class="right" media="html" />
     </display:table>
   </div>
</logic:notEqual>
  <html:submit property="boton" styleId="submitConsultar" style="display:none">
    <bean:message key="pmt.boton.consultar" />
  </html:submit>
</html:form>
</div>
<script>
if(document.getElementById("cmbPeticion").value != ""    ){
	var filterManager = new FilterManager('currentRecurso');
	initFilterSelect('numeralSelect', "<bean:message key="pmt.cargaHorasDiarias.numeral" />", 0);
	initFilterSelect('descripcionSelect', "<bean:message key="pmt.cargaHorasDiarias.tareas" />", 1);
	initFilterSelect('idSelect', "<bean:message key="pmt.cargaHorasDiarias.id" />", 2);
}
</script>

<script type="text/javascript">
     
  function setupCalendar(){   

     if(document.getElementById('cmbPeticion').selectedIndex > 0) {
      Calendar.setup({
          inputField     :    "fechaSel",     // id of the input field
          ifFormat       :    "%e/%m/%Y",    // format of the input field
          button         :    "f_trigger_i",  // trigger for the calendar (button ID)
          singleClick    :    true
      });
  	}
  }
   window.onload=setupCalendar();
   window.onload = deshabilitarCombosPeticionRecurso();
</script>
